<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <script src="../js/vue.js"></script>
    <script>
        // Vue.config.productionTip=true;
        // Vue.config.productionTip=false;
        // Vue.config.devtools=true;
        // Vue.config.devtools=false;
        // Vue.config.silent=true;
    </script>
    <body>
        <div id="container">
            <p>{{msg}}</p>
            <p>{{arr}}</p>
            <p>{{user}}</p>
            <p>{{num}}</p>
            <p>{{str}}</p>
            <p>null:{{str1}}</p>
            <p>undefined:{{str2}}</p>
            <p>时间:{{day}}</p>
            <p>{{str3}}</p>
            <p>{{str4}}</p>
        </div>
        <script>
            new Vue({
                el:"#container",
                data:{
                    msg:"初始化数据",
                    arr:[1,2,3,4],
                    user:{
                        name:"clearlove",
                        age:27
                    },
                    num:1234,
                    str:"iboy",
                    str1:null,
                    str2:undefined,
                    day:new Date(),
                    str3:"aaaaaa\nbbbbbbb",
                    str4:"<p>测试</p>"
                }
            })
        </script>
    </body>
</html>